/*CSS*/
@import '../../mtui/var.scss';
.index{

	.btns{
		margin-top: 20px;
		a{
			display: inline-block;
			width: 200px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			border:1px solid $blue;
			margin:0 10px;
			overflow: hidden;
			position:relative;
			&:after{
				content: '';
				display: inline-block;
				width: 400px;
				height: 400px;
				background:$blue;
				position:absolute;
				left:0;
				right:0;
				transform:translate(-500px,-200px) rotate(45deg);
				transition:1s;
			}
			&:hover{
				&:after{
					transform:translate(0,-200px) rotate(45deg);
				}
				&:before{
					color: #fff;
				}
			}
			&:before{
				display: inline-block;
				position:relative;
				z-index: 100;
				content: 'Redux案例';
				transition: 0.5s;
			}
			&:first-child:before{
				content: 'UI组件';
			}

		}
	}
}